<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
<!DOCTYPE>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery.min.js"></script>
<link rel="stylesheet" href="${pageContext.request.contextPath }/bootstrap/css/bootstrap.min.css">  
<script src="${pageContext.request.contextPath }/bootstrap/js/bootstrap.min.js"></script>
<title>列表</title>
</head>
<body>
	<div class="container-fluid">
	<div class="row-fluid">
		<div class="span12">
			<h3 class="text-center text-error">
				合格照片列表
			</h3>
			<!-- <ul class="thumbnails">
				<li class="span4">
					<div class="thumbnail">
						<img alt="300x200" src="img/people.jpg" />
						<div class="caption">
							<h3>
								冯诺尔曼结构
							</h3>
							<p>
								也称普林斯顿结构，是一种将程序指令存储器和数据存储器合并在一起的存储器结构。程序指令存储地址和数据存储地址指向同一个存储器的不同物理位置。
							</p>
							<p>
								<a class="btn btn-primary" href="#">浏览</a> <a class="btn" href="#">分享</a>
							</p>
						</div>
					</div>
				</li>
				<li class="span4">
					<div class="thumbnail">
						<img alt="300x200" src="img/city.jpg" />
						<div class="caption">
							<h3>
								哈佛结构
							</h3>
							<p>
								哈佛结构是一种将程序指令存储和数据存储分开的存储器结构，它的主要特点是将程序和数据存储在不同的存储空间中，进行独立编址。
							</p>
							<p>
								<a class="btn btn-primary" href="#">浏览</a> <a class="btn" href="#">分享</a>
							</p>
						</div>
					</div>
				</li>
				<li class="span4">
					<div class="thumbnail">
						<img alt="300x200" src="img/sports.jpg" />
						<div class="caption">
							<h3>
								改进型哈佛结构
							</h3>
							<p>
								改进型的哈佛结构具有一条独立的地址总线和一条独立的数据总线，两条总线由程序存储器和数据存储器分时复用，使结构更紧凑。
							</p>
							<p>
								<a class="btn btn-primary" href="#">浏览</a> <a class="btn" href="#">分享</a>
							</p>
						</div>
					</div>
				</li>
			</ul> -->
			<table class="table table-bordered table-hover">
				<thead>
					<tr>
						<th>
							ID
						</th>
						<th>
							身份证号码
						</th>
						<th>
							审核时间
						</th>
						<th>
							状态
						</th>
					</tr>
				</thead>
				<tbody>
					<c:forEach items="${photoLogformLog }" var="photoUpload" varStatus="v">
						<tr <c:if test="${v.index%5 == 1 }">class="success"</c:if>
					<c:if test="${v.index%5 == 2 }">class="error"</c:if>
					<c:if test="${v.index%5 == 3 }">class="warning"</c:if>
					<c:if test="${v.index%5 == 4 }">class="info"</c:if>>
							<td>
								${photoUpload.id }
							</td>
							<td>
								${photoUpload.zfzmhm }
							</td>
							<td>
								${fn:substring(photoUpload.uploadPhotoTime ,0,19)} 
							</td>
							<td>
								合格
							</td>
						</tr>
					</c:forEach>
				</tbody>
			</table>
<!-- 			<div class="pagination pagination-right">
				<ul style="position: absolute; right: 0px;">
					<li style="font-size: 24px">
						<a href="#">上一页</a>
						<a href="#">1</a>
						<a href="#">2</a>
						<a href="#">3</a>
						<a href="#">4</a>
						<a href="#">5</a>
						<a href="#">下一页</a>
					</li>
				</ul>
			</div>
			
 -->			<!-- 页码 -->
				<div class="page">
                		${pageIterator }
				</div>
		</div>
	</div>
</div>
</body>
</html>